{extend name='/themes/simple/common' }
{block name="header_link"}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/css/viewer.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/css/editormd.preview.css" />
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/prettify.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/raphael.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/underscore.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/sequence-diagram.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/flowchart.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/jquery.flowchart.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/lib/editor/js/editormd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/css/editor.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/css/article.css">
{/block}

{block name="header"}
{include file='/themes/simple/common/header'}
{/block}

{block name="banner"}
<div class="banner_wrap" style="background: url(https://img.syt5.com/2021/0521/20210521022557599.jpg)">
    <div class="banner wrap">
        <div class="banner_title">
            <div class="banner_title_content" data-text='["{$data['title']}","{$web_options['name']}"]'></div>
        </div>
    </div>
</div>
{/block}

{block name="main"}
<main class="wrap">
    <div class="main">
        <div class="article_title">{$data['title']}</div>
        <div class="article_info">
            <div class="article_info_item">
                <svg t="1622079470342" class="article_info_item_icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="14917" width="200" height="200">
                    <path
                        d="M512 512c142.222222 0 256-113.777778 256-256S654.222222 0 512 0 256 113.777778 256 256s113.777778 256 256 256z m176.253968 62.47619h-34.031746c-45.714286 22.857143-96.507937 34.031746-147.809524 34.031747s-102.603175-11.174603-147.809523-34.031747h-28.444445C181.84127 574.47619 62.47619 694.349206 62.47619 842.15873v85.333333c0 51.301587 45.714286 96.507937 96.507937 96.507937h706.031746c51.301587 0 96.507937-45.714286 96.507937-96.507937v-85.333333c0-147.809524-124.952381-267.68254-273.269842-267.68254z"
                        p-id="14918"></path>
                </svg>
                <span>{$data['author']}</span>
            </div>
            <div class="article_info_item">
                <svg t="1622073650670" class="article_info_item_icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="2824" width="200" height="200">
                    <path
                        d="M166.528 919.936c230.72 1.088 461.504 0.32 692.16 0.384 72.256 0.064 118.464-32.32 132.544-105.28 8.896-204.288 11.264-408.576-1.344-612.8-14.336-51.008-45.76-83.328-99.456-91.584-0.32 18.688-0.576 37.312-0.832 56 34.688 22.848 46.208 54.464 45.696 96.128-1.856 168.128-1.92 336.32-0.256 504.448 0.768 67.456-28.864 94.656-95.36 94.272-218.368-1.536-436.672-1.536-655.04 0-66.752 0.512-95.808-26.944-95.104-94.272 1.728-168.128 1.6-336.32-0.192-504.448C88.832 221.12 100.288 189.44 134.976 166.656 135.168 147.968 135.424 129.344 135.68 110.72 63.552 125.824 30.528 171.072 30.656 243.776c0.384 180.544-0.704 361.216 0.512 541.696C31.744 871.68 79.808 919.552 166.528 919.936zM444.992 166.912c22.528 1.024 46.08 4.416 67.456-0.64 39.424-9.28 111.424 29.248 111.808-31.168 0.448-53.248-71.424-14.08-102.464-27.52-28.672 0-51.2-0.64-73.728 0.128C426.176 108.608 397.248 104.32 395.648 135.872 393.984 168.32 422.784 166.016 444.992 166.912zM723.968 711.552c44.032-1.536 61.696-11.2 60.928-58.816-0.768-46.464-8.832-74.112-61.44-62.144-46.784-9.344-61.824 9.152-61.824 55.936C661.504 693.76 672.064 713.408 723.968 711.552zM509.632 708.736c49.152 10.432 65.28-9.6 64.32-59.776C573.12 604.8 563.072 587.52 515.392 587.904c-47.296 0.32-67.2 10.624-64.768 62.528C452.608 693.44 459.712 719.232 509.632 708.736zM297.792 711.36c45.504-1.152 74.944-7.424 61.632-64.704C372.736 601.28 350.592 588.8 305.024 588.16c-46.528-0.768-67.904 8.896-65.408 61.696C241.536 693.056 249.28 712.576 297.792 711.36zM723.968 500.608C768 499.072 785.6 489.408 784.896 441.792c-0.768-46.4-8.832-74.112-61.44-62.08-46.784-9.344-61.76 9.152-61.824 55.936C661.504 482.816 672.064 502.528 723.968 500.608zM513.28 376.96C461.632 374.656 450.752 394.112 450.56 441.6 450.368 488.96 466.88 499.776 511.36 500.48c49.984 0.832 70.528-14.848 59.968-64.192C581.696 386.752 556.672 378.816 513.28 376.96zM300.992 500.544C343.232 498.176 364.8 492.288 362.944 442.88 361.216 398.72 357.76 366.656 302.912 379.648 257.6 371.136 238.848 385.984 239.808 434.56 240.768 479.552 246.848 503.68 300.992 500.544zM693.76 171.456c1.6 21.952-11.968 54.784 28.032 56.384 40.576 1.664 29.12-30.912 31.168-53.44 1.216-12.224 0.256-24.704 0.256-37.056-0.064-12.288 0.896-24.768-0.256-36.992-1.984-22.656 8.256-54.528-32-53.056-34.56 1.28-26.304 29.568-27.456 50.048C692.224 122.048 691.84 146.88 693.76 171.456zM271.808 171.904C273.408 193.92 260.224 226.688 300.288 227.904c40.512 1.28 28.544-31.424 30.784-53.888 1.28-12.224 0.256-24.64 0.256-37.056C331.328 124.672 332.16 112.256 331.136 99.968 329.28 77.184 338.944 45.44 298.752 47.36 264.32 49.024 272.96 77.376 271.744 97.856 270.336 122.432 270.016 147.328 271.808 171.904zM166.784 165.504C189.696 168.576 212.288 169.6 212.032 137.28 211.84 105.6 190.656 104.64 166.848 109.504 156.48 109.888 146.048 110.336 135.68 110.72 135.424 129.344 135.168 147.968 134.976 166.656 145.6 166.272 156.16 165.888 166.784 165.504zM857.664 109.504c-23.872-4.864-45.056-3.84-45.056 27.968-0.064 31.936 21.504 32.512 45.12 28.096 10.688 0.32 21.248 0.768 31.872 1.152 0.256-18.688 0.512-37.312 0.832-56C879.488 110.272 868.544 109.888 857.664 109.504z"
                        p-id="2825"></path>
                </svg>
                <span>{$data['release_date'] | date = 'Y-m-d'}</span>
            </div>
            <div class="article_info_item">
                <svg t="1622073805972" class="article_info_item_icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4790" width="200" height="200">
                    <path
                        d="M754.133333 242.773333c-10.88-10.88-26.666667-14.933333-41.386666-10.88-14.72 4.053333-26.24 15.786667-30.08 30.506667-2.986667 11.306667-21.333333 69.973333-40.32 130.133333-48.64-69.333333-119.04-181.12-138.026667-271.146666-1.28-8.533333-5.333333-16.853333-12.16-23.466667a42.666667 42.666667 0 0 0-60.16 0.213333l-0.426667 0.426667c-88.96 90.666667-161.28 261.12-155.093333 395.306667-19.2-24.96-33.28-49.066667-36.906667-67.84-3.626667-18.346667-18.56-32.213333-37.12-34.346667-18.56-2.133333-36.266667 8.106667-43.733333 25.173333-30.08 67.626667-42.666667 142.506667-36.053333 218.24 17.28 134.826667 117.546667 244.906667 261.333333 287.146667 37.12 11.093333 75.52 16.853333 114.346667 17.066667 147.413333 0 325.973333-85.76 382.293333-249.813334 71.68-208-48.426667-369.28-126.506667-446.72z m46.293334 418.346667C757.546667 785.92 612.906667 853.333333 498.986667 853.333333c-30.506667-0.213333-61.013333-4.693333-90.453334-13.44-87.04-25.386667-185.6-95.573333-200.746666-214.186666-2.346667-26.453333-1.493333-53.333333 2.133333-79.573334 49.066667 64.426667 114.346667 120.106667 125.013333 128.853334 14.72 12.373333 36.053333 13.226667 51.84 2.346666 15.786667-11.093333 22.186667-31.146667 15.786667-49.28l-30.933333-86.613333c-28.373333-79.146667 7.466667-221.653333 74.24-323.84 56.96 141.653333 173.226667 286.933333 178.986666 294.186667 9.813333 12.16 25.6 18.133333 40.96 15.146666 15.36-2.773333 27.946667-14.08 32.853334-29.013333 3.84-11.946667 26.026667-81.493333 43.946666-138.666667 53.12 71.04 100.693333 177.066667 57.813334 301.866667z"
                        p-id="4791"></path>
                </svg><span>{$data['browse']}℃</span>
            </div>
            <div class=" article_info_item">
                <svg t="1622037780032" class="article_info_item_icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="5378" width="200" height="200">
                    <path
                        d="M887.4 514.6l-88.7 354.9c-2.5 9.9-11.3 16.8-21.5 16.8H380.6V481.1l13.7-38.1 92.6-258.4 1.2-3.5 0.8-3.6c6.3-26.6 30.1-45.4 57.4-45.3h0.1c17.4 0 33.2 7.2 44.6 20.3 11.4 13.1 16.3 29.8 13.8 47l-30.3 211.6-10.8 75.9h302.1c9.4 0 15 5.3 17.5 8.5 4.3 5.4 5.8 12.5 4.1 19.1zM314.1 886.3H158.8c-12.2 0-22.2-9.9-22.2-22.2V509.2c0-12.2 10-22.2 22.2-22.2h155.3v399.3z m551.8-465.8H640.4l30.2-211.6c10.8-75.6-47.9-143.3-124.3-143.3h-0.1c-58.1 0-108.7 39.9-122.1 96.5l-92.6 258.4H158.8c-23.5 0-46.1 9.3-62.7 26-16.6 16.6-26 39.2-26 62.7v354.9c0 23.5 9.3 46.1 26 62.7 16.6 16.6 39.2 26 62.7 26h618.3c40.7 0 76.2-27.7 86.1-67.2l88.7-354.9c14-55.9-28.3-110.2-86-110.2z m0 0"
                        p-id="5379"></path>
                </svg><span>{$data['praise']}</span>
            </div>
            <div class=" article_info_item">
                <svg t="1622037744113" class="article_info_item_icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4538" width="200" height="200">
                    <path
                        d="M511.9 827.5L610.7 726l17.4-17.9h209v-472H187.3v472.1h208.4l17.4 17.9 98.8 101.4m0 77.9c-4.1 0-8.3-1.6-11.5-4.9L370.7 767.3H166.6c-21.2 0-38.4-17.6-38.4-39.3V216.4c0-21.7 17.2-39.3 38.4-39.3h691.2c21.2 0 38.4 17.6 38.4 39.3V728c0 21.7-17.2 39.3-38.4 39.3H653L523.3 900.5c-3.2 3.2-7.3 4.9-11.4 4.9z"
                        fill="#666666" p-id="4539"></path>
                    <path
                        d="M334.9 433c27.2 0 49.3 22 49.3 49.2 0 27.2-22 49.2-49.3 49.2-27.2 0-49.2-22-49.2-49.2 0-27.1 22.1-49.2 49.2-49.2zM512.2 433c27.2 0 49.2 22 49.2 49.2 0 27.2-22 49.2-49.2 49.2-27.2 0-49.2-22-49.2-49.2 0-27.1 22-49.2 49.2-49.2zM689.4 433c27.2 0 49.2 22 49.2 49.2 0 27.2-22 49.2-49.2 49.2-27.2 0-49.3-22-49.3-49.2 0.1-27.1 22.1-49.2 49.3-49.2z"
                        fill="#666666" p-id="4540"></path>
                </svg><span>{$comments_total}</span>
            </div>
        </div>
        <div class="article_content" id="ArticleContent">
            <textarea style="display:none;">{$data['content']}</textarea>
        </div>
        <div class="copy-text">
            <p>非特殊说明，本博所有文章均为博主原创。</p>
            <p>如若转载，请注明出处：<a href="{$url}">{$url}</a></p>
        </div>
        <div class="page" style="display: {$data.type == 'page' ? 'none' : 'block'}">
            <div class="previous page_item" style="opacity: {$previous.title    ? '1' : '0'}">
                <div class="page_icon">上一篇</div>
                <a href="{$previous.aid ?: '' ?  $previous.aid  : '../'}">{$previous.title ?: ''}</a>
            </div>
            <div class="next page_item" style="opacity: {$next.title ? '1' : '0'}">
                <div class="page_icon">下一篇</div>
                <a href="{$next.aid ?: '' ?  $next.aid  : '../'}">{$next.title ?: ''}</a>
            </div>
        </div>
    </div>
</main>
<div class="comments wrap">
    <div class="comments_Form">
        <div class="comments_title">
            <svg t="1622082159717" class="comments_title_icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="17865" width="200" height="200">
                <path
                    d="M949.570847 212.673727l-41.801035 41.517579L768.565377 115.843378l41.801035-41.459251c15.340383-15.283078 39.522132-16.084327 53.892421-1.768273l87.024006 86.454024C965.710432 173.382862 964.91123 197.393719 949.570847 212.673727L949.570847 212.673727zM580.373227 579.594491 441.169815 441.244516l306.238706-304.299541 139.205459 138.348951L580.373227 579.594491 580.373227 579.594491zM560.984644 598.869486l-194.863083 55.314817 55.659671-193.666838L560.984644 598.869486 560.984644 598.869486zM236.551554 178.118724c-48.13223 0-87.081311 38.949081-87.081311 87.024006l0 522.372232c0 48.062646 38.962384 87.026052 87.026052 87.026052l522.485819 0c48.063669 0 87.028099-38.963407 87.028099-87.028099L846.010213 439.248046l87.079264-87.028099 0 464.321094c0 80.124875-64.954361 145.078213-145.078213 145.078213L207.468169 961.619254c-80.124875 0-145.078213-64.954361-145.078213-145.078213L62.389956 236.114602c0-80.124875 64.954361-145.078213 145.078213-145.078213l464.435705 0-87.083357 87.083357L236.551554 178.119747 236.551554 178.118724z"
                    p-id="17866"></path>
            </svg>评论一下~
        </div>
        <div class="comments_header">
            <input type="text" value="{$cookie.name}" id="author" placeholder="* 你的名字">
            <input type="text" value="{$cookie.email}" id="email" placeholder="* 邮箱 ">
            <input type="text" id="Personal_website" placeholder="https://你的主页">
        </div>
        <input type="hidden" value="{$data.aid}" id="aid">
        <div class="comments_main">
            <textarea placeholder="说点什么呢？" name="content" id="content"></textarea>
            <button class="comments_btn">提交</button>
        </div>
    </div>
    <p style="margin: 10px 0;color: #666;">已有{$comments_total}条评论</p>
    {if $comments_total == '0'}
    <p style="color: var(--info)">暂无评论</p>
    {else/}
    <div class="comments_list" style="display:{$comments_total == '0' ? 'none' : 'block'};">
        {foreach $comments as $key=>$item}
        <div class="comments_list_item" data-cid="{$item.cid}" data-pid="{$item.pid}">
            <div class="comments_list_item_left">
                <img src="http://q1.qlogo.cn/g?b=qq&nk={$item.email}&s=640" alt="">
            </div>
            <div class="comments_list_item_right">
                <div class="comments_list_item_info">
                    <div class="comments_list_item_author">{$item.author}</div>
                </div>
                <div class="comments_list_item_content">
                    {$item.content}
                </div>
                <div class="comments_list_item_date">{$item.date | date = 'Y-m-d'} <span class="comments_list_item_reply"><svg t="1622508779097"  class="comments_list_item_reply_icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2312" width="200" height="200"><path d="M222.208 631.296l-36.352 61.952s-18.432 122.368 22.528 145.408c40.448 23.04 139.776-53.248 139.776-53.248l35.328-59.392-162.304-91.648 1.024-3.072z m360.448-243.712l-162.304-92.16 23.552-39.936 162.304 91.648L629.76 307.2c19.456-32.768 7.68-74.752-25.6-94.208l-40.448-23.04c-33.792-18.944-76.8-7.68-96.256 25.088l-222.72 377.344 162.304 91.648 191.488-324.608-15.872 28.16zM796.16 746.496H465.92c-25.088 0-46.08 20.48-46.08 46.08 0 25.088 20.48 46.08 46.08 46.08h330.24c25.088 0 46.08-20.48 46.08-46.08s-20.48-46.08-46.08-46.08z" fill="#515151" p-id="2313"></path></svg>回复</span></div>
            </div>
        </div>
        {if condition = "empty($item.child)"}
        {else/}
        {foreach $item.child as $key=>$item2}
        <div class="comments_list_item" style="margin-left: 30px" data-cid="{$item2.cid}" data-pid="{$item2.pid}">
            <div class="comments_list_item_left">
                <img src="http://q1.qlogo.cn/g?b=qq&nk={$item2.email}&s=640" alt="">
            </div>
            <div class="comments_list_item_right">
                <div class="comments_list_item_info">
                    <div class="comments_list_item_author">{$item2.author}</div>
                </div>
                <div class="comments_list_item_content">
                    {$item2.content}
                </div>
                <div class="comments_list_item_date">{$item2.date | date = 'Y-m-d'} <span class="comments_list_item_reply"><svg t="1622508779097" class="comments_list_item_reply_icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2312" width="200" height="200"><path d="M222.208 631.296l-36.352 61.952s-18.432 122.368 22.528 145.408c40.448 23.04 139.776-53.248 139.776-53.248l35.328-59.392-162.304-91.648 1.024-3.072z m360.448-243.712l-162.304-92.16 23.552-39.936 162.304 91.648L629.76 307.2c19.456-32.768 7.68-74.752-25.6-94.208l-40.448-23.04c-33.792-18.944-76.8-7.68-96.256 25.088l-222.72 377.344 162.304 91.648 191.488-324.608-15.872 28.16zM796.16 746.496H465.92c-25.088 0-46.08 20.48-46.08 46.08 0 25.088 20.48 46.08 46.08 46.08h330.24c25.088 0 46.08-20.48 46.08-46.08s-20.48-46.08-46.08-46.08z" fill="#515151" p-id="2313"></path></svg>回复</span></div>
            </div>
        </div>
        {/foreach}
        {/if}
        {/foreach}

    </div>
    {/if}
</div>

{/block}

{block name="footer"}
{include file='/themes/simple/common/footer'}
{/block}

{block name="action"}
{include file='/themes/simple/common/action'}
{/block}

{block name="footer_script"}
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/js/FilterSensitive.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/js/viewer.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/AcmenXiaoKe/static@master/template/simple/js/article.js"></script>
{/block}